(function(){

	ConfigPannel.Ready(function(){
		
		var demo1ConfigPannel = new ConfigPannel({
			id : 'demo1',
			items : [
				{
					target : '[node-type="demo1test"]',	//目标元素选择器
					title : '类',						//标题
					desc : 'demo1test class',			//说明
					method : 'prop',					//处理的方式，可以是prop(html元素属性)，或者style(html元素样式)
					prop : 'class',						//处理的对象，如果method为prop,则处理的是html元素属性，否则为html元素样式
					type : 'select',					//数值变更方式，可以是select(下拉选择框)或者slider(滑动条)
					val : ['test', 'test1']				//变更的数值范围，如果数值变更方式(type)为slider，则数组的第一个元素为最小值，第二个元素为最大值
				},										//如果数值变更方式(type)为select，则数组的值会成为各个option
				{
					target : '[node-type="demo1test"]',
					title : '宽度',
					desc : 'demo1test style.width',
					method : 'style',
					prop : 'width',
					type : 'range',
					format : function(val){				//操作的属性可以用这个函数格式化
						return val + '%';
					},
					val : [20, 100]
				},
				{
					target : '[node-type="demo1test"]',
					title : '高度',
					desc : 'demo1test style.height',
					method : 'style',
					prop : 'height',
					type : 'range',
					format : function(val){
						return val + 'px';
					},
					val : [100, 400]
				}
			]
		});
		
		
		var demo2ConfigPannel = new ConfigPannel({
			id : 'demo2',
			items : [
				{
					target : '[node-type="demo2test"]',	//目标元素选择器
					title : '类',						//标题
					desc : 'demo1test class',			//说明
					method : 'prop',					//处理的方式，可以是prop(html元素属性)，或者style(html元素样式)
					prop : 'class',						//处理的对象，如果method为prop,则处理的是html元素属性，否则为html元素样式
					type : 'select',					//数值变更方式，可以是select(下拉选择框)或者slider(滑动条)
					val : ['test', 'test1']				//变更的数值范围，如果数值变更方式(type)为slider，则数组的第一个元素为最小值，第二个元素为最大值
				},										//如果数值变更方式(type)为select，则数组的值会成为各个option
				{
					target : '[node-type="demo2test"]',
					title : '宽度',
					desc : 'demo1test style.width',
					method : 'style',
					prop : 'width',
					type : 'range',
					format : function(val){				//操作的属性可以用这个函数格式化
						return val + '%';
					},
					val : [20, 100]
				},
				{
					target : '[node-type="demo2test"]',
					title : '高度',
					desc : 'demo1test style.height',
					method : 'style',
					prop : 'height',
					type : 'range',
					format : function(val){
						return val + 'px';
					},
					val : [100, 400]
				}
			]
		});
		
		
	});
	
})();